import Vue from "vue";

// 是否已加载远程脚本
const scriptIsLoaded = false;
// 挂载Vue app
new Vue({
    data() {
        return {
            count: 0
        };
    },
    methods: {
        add() {
            this.count++;
            // 动态加载代码部分，如果计数大于10则动态加载脚本
            if (this.count > 10 && scriptIsLoaded === false) {
                import("./other.js").then(_ => console.dir(_));
            }
        }
    },
    template: `
    <div>
        <button @click="add">点击我增加计数</button>
        <p>当前计数：{{count}} 当计数大于 10 时按需加载新的脚本</p>
    <div>
    `
}).$mount("#app");